<template>
	<div>
		<div class="title">推荐歌单</div>

	</div>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
	}
</script>

<style scoped>
	/* 标题 */
	.title {
		padding: 0.266667rem 0.24rem;
		margin: 0 0 0.24rem 0;
		background-color: #eee;
		color: #333;
		font-size: 15px;
	}

	/* 推荐歌单 - 歌名 */
	.song_name {
		font-size: 0.346667rem;
		padding: 0 0.08rem;
		margin-bottom: 0.266667rem;
		line-height: 1.5;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		/** 对象作为伸缩盒子模型显示 **/
		-webkit-box-orient: vertical;
		/** 设置或检索伸缩盒对象的子元素的排列方式 **/
		-webkit-line-clamp: 2;
		/** 显示的行数 **/
		overflow: hidden;
		/** 隐藏超出的内容 **/
	}
</style>
